{extend name="_public/main" /}
{block name="seo"}
<title>{$article.title} - {$article.category.title|default="未分类文章"} -{:get_site_config('site_name')}</title>
{/block}

{block name="site-title"}
<br><br><br><br><br><br><br>
{/block}


{block name="main-area"}
<section class="index-main">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <article class="article-list">
                    <h1>{$article.title}</h1>
                    <div class="article-tags">
                        {volist name="article.tags" id="tag"}
                        <a href="{:url('blog/tags/index',['id'=>$tag.id])}" class="badge badge-info" title="{$tag.tag} 标签下的文章">{$tag.tag}</a>
                        {/volist}
                    </div>
                    <div class="article-info">
                        <span>{$article.create_time|date='Y-m-d H:i'}</span>
                        <span>热度 {$article.click} ℃</span>
                        <span><a href="{:url('blog/article/index',['id'=>$article.id])}">全文链接</a></span>
                    </div>
                    {notempty name="vo.thumb"}
                    <div class="article-thumb"><img src="{$article.thumb}" alt="{$article.title}" title="{$article.title}"/></div>
                    {/notempty}
                    <div class="article-abstract">
                        {$article.content|raw}
                    </div>
                </article>
                <div class="article-reply">
                    <form action="{:url('blog/reply/commit')}" method="post">
                        <h3 class="blog-comment">评论</h3>
                        <div class="row">
                            <div class="col form-group">
                                <input type="text" name="name" class="form-control" placeholder="姓名">
                            </div>
                            <div class="col">
                                <input type="text" name="qq" class="form-control" placeholder="qq">
                            </div>
                            <div class="col">
                                <input type="text" name="website" class="form-control" placeholder="个人网站">
                            </div>
                        </div>
                        <div class="form-group">
                            <textarea class="form-control" name="content" rows="3" placeholder="一字千金"></textarea>
                        </div>
                        <input type="hidden" name="article_id" value="{$article.id}">
                        {:token()}
                        <button type="submit" class="btn btn-light">提交</button>
                    </form>
                </div>
                <div class="reply-list border">
                    {volist name="replies" id="reply"}
                    <div class="reply-item">
                        <div class="reply-content">
                            <p>
                                {$reply.content}
                            </p>
                        </div>
                        <div class="reply-foot">
                            由 <a href="{$reply.website}">{$reply.name}</a>  评论于： <span>{$reply.create_time|date='Y-m-d H:i'}</span>
                        </div>
                    </div>
                    {/volist}
                </div>
            </div>
            <div class="col-md-4">
                {:widget('blog/tags_cloud')}
                {:widget('blog/latest_reply')}
            </div>
        </div>
    </div>
</section>
{/block}